<template>
  <view class="payment_wrapper">
    <view class="header_wrapper">
      <view class="image_">
        <u-icon name="checkmark-circle-fill" color="#46ca5d" size="50"></u-icon>
      </view>
      <view class="text_wrapper">
        <view class="payment_success"> 支付成功 </view>
        <view class="money_wrapper"> ￥<text>{{payPrice}}</text> </view>
      </view>
	  <view class="footer_wrapper">
	    <view class="order_" @click="goOrderfun">查看订单</view>
	    <view class="back_" @click="goHomefun">继续购物</view>
	  </view>
    </view>
   
  </view>
</template>

<script>
	// payPrice
export default {
  name: "payPriceindex.vue",
 data() {
 	  return {
 		
 		payPrice:"",
 		
 	  }
   },
   onLoad(options) {
 	  // console.log(options.item))
 	this.payPrice=options.payPrice
 		
 	
   },
   onReady() {
 	  
   		
   	},
 		
 	methods:{
		goOrderfun(){
			uni.reLaunch({
				url:"/pages/subpackage/order/index?status=2"
			})
		},
		goHomefun(){
			uni.reLaunch({
				url:"/pages/index/index"
			})
		}
 	}
 };
</script>

<style scoped lang="scss">
.payment_wrapper {
	padding-top: rpx(65);
  .header_wrapper {
	  padding-top: 77rpx;
	  padding-bottom: 50rpx;
	width: 705rpx;
	margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
	border-radius: 35rpx;
	background-color: #ffffff;
    > .image_ {
      > image {
        border-radius: 50%;
        width: rpx(53.33);
        height: rpx(53.33);
        vertical-align: middle;
        background: red;
      }
    }
    > .text_wrapper {
      // margin-top: rpx(18);
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      > .payment_success {
        margin-bottom: rpx(8);
        font-size: rpx(17);
        font-weight: normal;
        color: #000000;
      }
      > .money_wrapper {
		  margin-top: 40rpx;
        font-size: 44rpx;
        font-weight: bold;
        color: #000000;
      }
    }
	> .footer_wrapper {
	  display: flex;
	  justify-content: center;
	  margin-top: rpx(60);
	  > view {
	    width: 250rpx;
	    height: 75rpx;
	    //background: rgba(250, 81, 81, 0.1);
	    border-radius: rpx(22);
	    display: flex;
	    align-items: center;
	    justify-content: center;
	  }
	  > .order_ {
	    // background: rgba(250, 81, 81, 0.1);
	    font-size: rpx(17);
	    font-weight: 400;
	    color: #ff5951;
		border: 1rpx solid #ff5951;
	  }
	  > .back_ {
	    background: #fa5151;
		border: 1rpx solid #ff5951;
	    font-size: rpx(17);
	    font-weight: 400;
	    color: #ffffff;
	    margin-left: rpx(15);
	  }
	}
  }
 
}
</style>
